// 订单管理
<template>
 <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
    <div class="box20">
       
        <div class="top8">
            <van-nav-bar  right-text="管理" left-arrow :fixed='true' @click-right="onClickright" @click-left="onClickLeft" :border='false'>
            
            <van-icon name="arrow-left" slot="left" color="black" size="0.4rem" />
            </van-nav-bar>
            <h3>我的地址</h3>
        </div>
        <div class="wwbox8" @click="tap()">
        <p class="ef8"><van-icon name="printer" size="0.6rem" /></p>
         <div class="wwboxx8">
             <h3>家</h3>
              <p>设置家的地址</p>
              <p>设置联系方式</p>
         </div>
        </div>
        <div class="wwbox8" @click="tap1()">
        <p class="ef8"><van-icon name="bag" size="0.6rem" /></p>
         <div class="wwboxx8">
              <h3>公司</h3>
              <p>设置公司的地址</p>
              <p>设置联系方式</p>
         </div>
         
        </div>
        <h5>常用地址</h5>
        
        <div class="wwbox8">
        <p class="et8"><van-icon name="label" size="0.6rem" /></p>
         <div class="wwboxx8">
              <h3>中船重工第七一三研究所</h3>
              <p>莲花池东路58号</p>
              <p>15636432459</p>
         </div>
         
        </div>
        <div class="wwbox8">
        <p class="et8"><van-icon name="label" size="0.6rem" /></p>
         <div class="wwboxx8">
              <h3>海为科技园C区</h3>
              <p>二七区福华街</p>
              <p>15636432459</p>
         </div>
         
        </div>
    </div>
</van-pull-refresh>
</template>
<script>
    export default{
        data(){
            return{
               isLoading: false,
            
            }
            
        },
        methods:{
            onClickLeft(){
				this.$router.go(-1)
            },
            onClickright(){
				this.$router.push('/Glfb')
            },
             onRefresh() {
            setTimeout(() => {
                this.$toast('刷新成功');
                this.isLoading = false;
                this.count++;
            }, 500);
            },
            tap(){
                this.$router.push('/Family')
            },
            tap1(){
                this.$router.push('/Company')
            }
            }
        
    }

</script>


<style>
    *{margin: 0 ;padding:0;}
    .top8{border-bottom:3px solid rgba(99, 96, 96, 0.034);margin-top: 1.2rem;}
    .top8 h3{margin-left:-75%;font-size: 16px;color: darkgoldenrod}
    .wwbox8{display: flex;border-bottom:1px solid #ccc;margin: 3% 5%;align-items: center;}
    .wwboxx8{margin-left: 5%}
    
    .wwboxx8 h3{color: cadetblue}
    .wwboxx8 p{text-align: left;padding-bottom:0.2rem;margin-top: .2rem}
    .wwbox8 .et8{color: rgb(41, 42, 48)}
    .ef8{color: rgb(41, 42, 48)}
    .box20 h5{margin-right:75%;font-size: 16px;color: darkgoldenrod}
</style>